<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />

        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
        <link rel="stylesheet" href="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="../../../assets/third_party/fancybox/jquery.easing-1.3.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../../../assets/third_party/tinycarousel/tinycarousel.css" />
        <script src="../../../assets/third_party/tinycarousel/jquery.tinycarousel.min.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="../../../assets/css/reset.css" type="text/css" media="screen" />
        <style>
            .container {
                width:1000px;
                margin:auto;
            }
        </style>
    </head>
    <body>
        <div class="container">

            <div id="news_list_10" class="news_list_10">
                <link rel="stylesheet" href="news_list_10.css" type="text/css" />
                <ul class="news_list">
                    <li>
                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                        <div class="post_infor">
                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                        </div>
                        <div class="wrapper_news_content">
                            <img src="news_1.png" alt="#"/>
                            <div class="news_content">
                                <p>
                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                </p>
                                <div class="read_more">
                                    <a href="#">Read more</a>
                                </div>
                            </div><!-- End .news_content -->
                            <div class="clear"></div>

                        </div>
                        <!-- End .wrapper_news_content -->
                    </li>

                    <li>
                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                        <div class="post_infor">
                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                        </div>
                        <div class="wrapper_news_content">
                            <img src="news_1.png" alt="#"/>
                            <div class="news_content">
                                <p>
                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                </p>
                                <div class="read_more">
                                    <a href="#">Read more</a>
                                </div>
                            </div><!-- End .news_content -->
                            <div class="clear"></div>

                        </div>
                        <!-- End .wrapper_news_content -->
                    </li>

                    <li>
                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                        <div class="post_infor">
                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                        </div>
                        <div class="wrapper_news_content">
                            <img src="news_1.png" alt="#"/>
                            <div class="news_content">
                                <p>
                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                </p>
                                <div class="read_more">
                                    <a href="#">Read more</a>
                                </div>
                            </div><!-- End .news_content -->
                            <div class="clear"></div>

                        </div>
                        <!-- End .wrapper_news_content -->
                    </li>

                </ul><!-- End .news_list -->

                <div class="wrapper_pagination">

                    <ul>
                        <li><a href="#" class="current">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">&raquo;</a></li>

                    </ul>
                </div><!-- End .wrapper_pagination -->
            </div><!-- End .news_list_10 -->


        </div>
    </body>
</html>